<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <title>完善信息-协议</title>
    <link href="{{asset('vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
    <link rel="stylesheet" href="{{asset('css/buz/style.css')}}" />
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="{{asset('js/buz/jquery.min.js')}}"></script>
    <script src="{{asset('js/buz/common.js')}}"></script>
    <script src="{{asset('vendor/bootstrap/js/bootstrapValidator.js')}}"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="{{asset('vendor/bootstrap/js/bootstrap.min.js')}}"></script>
</head>
<body class="bgwhite">
<div id="header">
    <div class="container-fluid">
        <div class="navbar row">
            <div class="navbar-header col-xs-5 col-sm-3 col-md-2">
                <a class="navbar-brand col-xs-12 col-sm-12 col-md-12" href="index.html">
                    <img src="{{asset('image/logo1.png')}}" class="right" width="150px" height="60px" style="margin-top:10px ;" />
                </a>
            </div>
            <nav class="top-nav col-xs-7 col-sm-9 col-md-10 padd">
                <div class="nav navbar-nav col-md-12 col-sm-12 col-xs-12 padd">
                    <div style="text-align: center; line-height: 77px; font-size: 18px; font-weight: bold;" class="col-md-11 col-xs-8">
                        实名认证
                    </div>
                    <div class="pull-right col-md-1  col-xs-4">
                        <i class="m-zhxx "></i>
                    </div>
                </div>

            </nav>
        </div>
    </div>
    <!-- Start .header-inner -->
</div>
<!--
        	作者：
        	时间：2017-11-22
        	描述：实名认证的信息进度条
        -->
<div class="info" style="margin-top: 80px;">
    <ul class="col-xs-12 col-ms-12 col-md-10 col-md-push-1" style="margin-top: 40px;">
        <li class="col-xs-4 col-ms-4 col-md-4">
            <cite class="circle bg5B">1</cite>
            <span class="line"></span>
        </li>
        <li class="col-xs-4 col-ms-4 col-md-4">
            <cite class="circle">2</cite>
            <span class="line"></span>
        </li>
        <li class="col-xs-4 col-ms-4 col-md-4">
            <cite class="circle">3</cite>
        </li>
    </ul>
    <ul class="col-xs-12 col-ms-12 col-md-10 col-md-push-1 mt20 textC">
        <li class="col-xs-4 col-ms-4 col-md-4 color5B">
            技术协议
        </li>
        <li class="col-xs-4 col-ms-4 col-md-4 color5B">
            基本信息
        </li>
        <li class="col-xs-4 col-ms-4 col-md-4 color5B">
            结算信息
        </li>
    </ul>
</div>
<div class="container padd mt20" >
    <form class="form-horizontal member" role="form" id="register">
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="firstname" class="col-sm-3 control-label">开户名</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" name="code">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="firstname" class="col-sm-3 control-label">账户类型</label>
                    <div class="col-sm-8">
                        <input type="radio" value="" name="jrtype" checked="checked" />&nbsp;企业
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="firstname" class="col-sm-3 control-label">开户账号</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" name="code">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="name" class="col-sm-3 control-label">开户银行</label>
                    <div class="col-sm-8">
                        <select class="form-control col-sm-3">
                            <option>中国农业银行</option>
                            <option>中国银行</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="firstname" class="col-sm-3 control-label">开户行所在地</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" name="code">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="name" class="col-sm-3 control-label">分支行</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" name="code">
                    </div>
                </div>
            </div>
        </div>
        <div class="row bottom_line">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="lastname" class="col-sm-3 control-label">联行号</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" name="mobile">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="col-sm-4">
                    <button type="button" class="btn btn-info">查询联行号</button>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="firstname" class="col-sm-3 control-label">支付宝名称</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" name="code">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="firstname" class="col-sm-3 control-label"></label>
                    <div class="col-sm-8">
                        <button type="button" class="btn btn-primary" data-i="0">提交</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<script>
    //	计算line的宽度
    var width=$(".line").width();
    var left=$(".circle").position().left;
    $(".line").css({"width":(width-40)+"px"});
    $(".line").css({"left":(left+40)+"px"});
</script>
</body>



</html>
